<!--
 * @Author: wangzm
 * @Date: 2020-03-16 15:35:10
 * @LastEditors: wangzm
 * @LastEditTime: 2020-03-16 15:43:03
 * @Description: footerBar
 -->
<template>
  <view class="footer-bar" :style="{background: background,zIndex: zIndex}">
    <slot></slot>
  </view>
</template>
<script>
export default {
  props: {
    background: {
      type: String,
      default: '#fff'
    },
    zIndex: {
      type: Number,
      default: 9
    }
  }
}
</script>
 <style lang="scss">
 .footer-bar{
   box-sizing: content-box;
   padding-bottom: 0;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
   left: 0;
   right: 0;
   bottom: 0;
   position: fixed;
 }
 </style>
